<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../../css/main.css">
<style type="text/css">
body {
	font: normal 11px tahoma, arial, serif;
	margin-left: 20%;
	margin-right: 20%;
}

/* Tabela de listagem */
.tabContainer table {
	margin: 0px;
}

.tabContainer table,th,td {
	border-collapse: collapse;
}

.tabContainer th,td {
	border-bottom: 1px solid #000000;
	padding: 0px;
}

.tabContainer th span {
	display: block;
	padding: 3px
}

.tabContainer td span {
	display: block;
	padding: 3px;
	text-align: left;
}

#lista {
	position: relative;
	left: 5%;
}

#lista table {
	width: 100%;
}

#lista th {
	color: #000000;
	background-color: #E92345;
	text-align: left
}

#lista.tabContainer {
	width: 90%;
	border: 1px solid #000000
}

#lista .scrollContainer {
	height: 109px;
	overflow: auto;
	background-color: #D3D3D3;
}

#lista .header-coluna0 {
	width: 10%;
	background-color: #BEBEBE;
	text-align: left;
	align: left;
}

#lista .header-coluna1 {
	width: 80%;
	text-align: left;
	background-color: #BEBEBE;
	align: left;
}

#lista .header-coluna2 {
	width: 5%;
	text-align: left;
	background-color: #BEBEBE;
	align: left;
}

#lista .header-coluna3 {
	width: 5%;
	text-align: left;
	background-color: #BEBEBE;
	align: left;
}

#lista .tabela-coluna0 {
	width: 10%;
	background-color: #D3D3D3;
	text-align: left;
	align: left;
	text-align: left;
}

#lista .tabela-coluna1 {
	width: 80%;
	text-align: left;
	background-color: #D3D3D3;
	align: left;
}

#lista .tabela-coluna2 {
	width: 5%;
	text-align: left;
	background-color: #D3D3D3;
	align: left;
}

#lista .tabela-coluna3 {
	width: 5%;
	text-align: left;
	background-color: #D3D3D3;
	align: left;
}

.corDeFundo {
	background-color: #BDB76B;
	height: 100%;
}

.tableEditar {
	border-style: solid;
	border-width: 0px;
	border-bottom: 0px;
	position: relative;
	left: 5%;
}

.field1 {
	text-align: left;
	border: 0px;
}
</style>
</head>
<body>
	<div class="corDeFundo">
		<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
		<ul>
			<c:forEach items="${errors}" var="error">
				<li>${error.category} - ${error.message}</li>
			</c:forEach>
		</ul>
		<br /> <br />
		<h1 align="center">Cargos</h1>
		<br /> <br /> <br />
		<div class="tabContainer" id="lista">
			<div class="scrollContainer">
				<table border="0">

					<tbody class="scrollBody">
						<!-- Columns name -->
						<tr>
						<!-- Escreva o caminho de sua classe -->
							<jsp:useBean id="elem"
								class="br.com.montezuma.empresarial.models.TipoContrato" />
							<c:forEach items="${elem.columns}" var="column">
								<td class="tabela-header">${column}</td>
							</c:forEach>

							<td class="tabela-action-header"></td>
							<td class="tabela-action-header"></td>

						</tr>

						<c:forEach items="${iListagemList}" var="elemento">
							<tr>
								<c:forEach items="${elemento.values}" var="columnValue">
									<td class="tabela-body">${columnValue}</td>
								</c:forEach>

								<td class="tabela-action-body"><a
									href="editar?${elemento.idColumnName}=${elemento.idValue}"><img
										src="<c:url value='/img/editar.gif' />" alt="Editar" /></a></td>
								<td class="tabela-action-body"><a
									href="excluir?${elemento.idColumnName}=${elemento.idValue}"><img
										src="<c:url value='/img/delete.gif' />" alt="Remover" /></a></td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</body>
</html>
